<template>
	<view>
		<!-- TODO 发布动态 -->
		<u-navbar title="发布动态">
			<view slot="right" class="btn">发布</view>
		</u-navbar>
		<view class="u-p-36">
			<u-input type="textarea" v-model="form.content" placeholder="写下你想说的话和大家一起分享..." :custom-style="{backgroundColor: '#ffffff', borderRadius: '10rpx', padding: '10rpx'}" height="400"></u-input>
			<u-upload class="upload" max-count="3" image-mode="aspectFit"></u-upload>
			<u-line color="#BFBFBF" class="u-p-20" :hair-line="false"></u-line>
			<view class="u-m-t-20 u-flex">
				<view>
					<u-image src="/static/images/lock.png" width="28" height="35" :fade="false"></u-image>
				</view>
				<view class="u-m-l-15 text">{{typeText}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					content: '',
					pics: '',
					type: 1,
					member_ids: '',
				},
				typeObject: {
					1: '广场可见',
					2: '私密',
					3: '部分可见',
					4: '不给谁看'
				}
			};
		},
		computed: {
			typeText() {
				return this.typeObject[this.form.type]
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: $bg-color;
	}
	.btn {
		padding: 20rpx;
		color: $uni-color-primary;
	}
	.upload {
		background-color: #FFFFFF;
	}
	.text {
		color: #999999;
	}
</style>
